<!DOCTYPE html>
<html>

<head>
  <meta name="generator"
    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Blacklist Checking</title>
  <link href="static/bootstrap-3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="static/bootstrap-select-1.13.9/dist/css/bootstrap-select.min.css" rel="stylesheet">
  <link href="static/select2/select2.min.css" rel="stylesheet">
</head>

<body style="padding: 10px;">
  <div id="content" class="container-fluid" style="width:600px;height:100%;">
    <form>
      <div class="form-group">
        <label for="instance_name">实例</label>
        <select id="instance_name" name="instance_name" class="selectpicker show-tick form-control"
          data-live-search="true" data-placeholder="请选择实例:" required>
          <option value="is-empty" disabled="" selected="selected">请选择实例:</option>
        </select>
      </div>
      <div class="form-group">
        <label for="db_name">选择数据库</label>
        <select class="selectpicker show-tick form-control" id="db_name" data-live-search="true">
          <option value="is-empty" disabled="" selected="selected">请选择数据库:</option>
        </select>
      </div>
      <!--
      <div class="form-group">
        <label for="db_table">选择表</label>
        <select class="selectpicker show-tick form-control" id="db_table" data-live-search="true">
          <option value="is-empty" disabled="" selected="selected">选择表:</option>
        </select>
      </div>
      -->
      
      <div class="form-group">
        <label for="filter_db_name">包含数据库</label>
        <input type="text" class="form-control" id="filter_db_name" placeholder="过滤数据库">
      </div>
      <div class="form-group">
        <label for="sqlContent">sql脚本</label>
        <textarea class="form-control" id="sqlContent" rows="3"></textarea>
      </div>
      <div class="form-group" aria-disabled="true" aria-readonly="true">
        <label for="sqlOut">输出</label>
        <textarea class="form-control" id="sqlOut" rows="5" readonly></textarea>
      </div>
      <div class="form-group">
        <button type="button" class="btn btn-primary btn-sm" id="generateSql">生成Sql</button>
        <button type="button" class="btn btn btn-success btn-sm" data-clipboard-action="copy"
          data-clipboard-target="#sqlOut" id="copyFormat">复制</button>
        <button type="button" class="btn btn btn-success btn-sm" id="clear">清除</button>
      </div>
    </form>

  </div>
</body>
<script src="static/js/jquery-2.0.0.min.js"></script>
<script src="popup.js"></script>
<script src="popper.min.js"></script>
<script src="static/bootstrap-select-1.13.9/dist/js/bootstrap-select.min.js"></script>
<script src="static/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script src="static/select2/select2.min.js"></script>
<script src="static/js/clipboard.min.js"></script>

</html>